<!DOCTYPE html>
<html>
<style>
  div {
    -webkit-border-image: url("resources/red-at-12-oclock-with-color-profile.jpg") 8 2 round;
    border-style: solid;
    margin: -18px 0 5px 0;
    height: 250px;
    width: 794px;
  }
</style>

<body style="overflow: hidden">
  <!-- The blue sector of the images should be at 12 o'clock. -->
  <svg width="800px" height="150px">
    <pattern id="pattern" patternUnits="userSpaceOnUse" width="400" height="150">
      <image xlink:href="resources/red-at-12-oclock-with-color-profile.jpg" width="400" height="400"/>
    </pattern>
    <rect width="800" height="130" style="fill: url(#pattern)"/>
  </svg>
  <div></div>
  <iframe width="800px" height="185px" scrolling="no" frameborder="1"
      src="resources/red-at-12-oclock-with-color-profile.jpg">
  </iframe>
</body>
</html>
